<template>
  <div id="container">
    <div id="viewDiv"></div>
  </div>
</template>

<script setup>
import {onMounted} from 'vue'//导入钩子函数
import Map from '@arcgis/core/Map'//导入Map类
import MapView from '@arcgis/core/views/MapView'//导入MapView类
import * as 天地图 from '../天地图'
var map,view//声明map和view变量
onMounted(()=>{//钩子函数
  map=new Map({//创建Map对象
    basemap:{
      baseLayers:天地图.天地图影像
    }
  })
  view=new MapView({
    container:"viewDiv",//挂载DOM节点
    map:map,//绑定map对象
    center:[113.1,26.13],//设置视图初始状态的中心点坐标
    zoom:16,//设置视图初始状态的缩放级别
  })
  view.ui.remove(["zoom","attribution"])//移除多余的描述
})
</script>

<style scoped>
#viewDiv,#container{
  height:100%;width:100%;padding:0;margin:0;
}
span{
  white-space: pre-line;
}
</style>
